<template>
  <div>
    <template v-for="(child, childIndex) in navMenus">
      <el-menu-item :index="child.path" :key="childIndex">
        <i :class="child.meta.icon"></i>
        <span>{{ child.meta.name }}</span>
        <template v-if="child.children && child.children.length > 0">
          <Menus :navMenus="child.children" />
        </template>
      </el-menu-item>
    </template>
  </div>
</template>

<script>
export default {
  name: "Menus",
  props: ["navMenus"],
};
</script>
